<?php
	$title = "技创电子配件有限公司";
	require("./layout/header.php");
?>
	<!-- 内容 -->
	<div class="main-content">
		<!-- 图片轮播 -->
		<div id="banner_tabs" class="flexslider">
			<ul class="slides">
				<li>
					<a title="" target="_blank" href="#">
						<img width="1920" height="500" alt="" style="background: url(./img/banner5.jpg) no-repeat center;" src="img/alpha.png">
					</a>
				</li>
				<li>
					<a title="" href="#">
						<img width="1920" height="500" alt="" style="background: url(./img/banner4.jpg) no-repeat center;" src="img/alpha.png">
					</a>
				</li>
				<li>
					<a title="" href="#">
						<img width="1920" height="500" alt="" style="background: url(./img/banner5.jpg) no-repeat center;" src="img/alpha.png">
					</a>
				</li>
				<li>
					<a title="" href="#">
						<img width="1920" height="500" alt="" style="background: url(./img/banner4.jpg) no-repeat center;background-size:100%;" src="img/alpha.png">
					</a>
				</li>

			</ul>
			<ul class="flex-direction-nav">
				<li><a class="flex-prev" href="javascript:;">Previous</a></li>
				<li><a class="flex-next" href="javascript:;">Next</a></li>
			</ul>
			<ol id="bannerCtrl" class="flex-control-nav flex-control-paging">
				<li><a>1</a></li>
				<li><a>2</a></li>
				<li><a>3</a></li>
				<li><a>4</a></li>
			</ol>
		</div>

		<!-- 产品示例 -->
		<div class="floor product">
			<div class="f-con clearFloat">
				<div class="hd">
					<!-- <p class="title">产品示例</p> -->
					<p>产品示例</p>
					<b class="border"></b>	
				</div>
				<div class="detail fl clearFloat">
					<img src="./img/img-1.jpg" alt="技创电子配件仪表箱">
					<div class="d-title">仪表箱</div>
				</div>
				<div class="detail fl clearFloat">
					<img src="./img/img-2.jpg" alt="技创电子配件EVA">
					<div class="d-title">EVA</div>
				</div>
				<div class="detail fl clearFloat">
					<img src="./img/img-3.jpg" alt="技创电子配件铝合金仪表箱">
					<div class="d-title">代码详情</div>
				</div>
				<div class="detail fl clearFloat" style="margin-right:0;">
					<img src="./img/img-1.jpg" alt="技创电子配件仪表箱">
					<div class="d-title">代码详情</div>
				</div>
				<div class="detail fl clearFloat">
					<img src="./img/img-1.jpg" alt="技创电子配件仪表箱">
					<div class="d-title">代码详情</div>
				</div>
				<div class="detail fl clearFloat">
					<img src="./img/img-1.jpg" alt="技创电子配件仪表箱">
					<div class="d-title">代码详情</div>
				</div>
				<div class="detail fl clearFloat">
					<img src="./img/img-1.jpg" alt="技创电子配件仪表箱">
					<div class="d-title">代码详情</div>
				</div>
				<div class="detail fl clearFloat" style="margin-right:0;">
					<img src="./img/img-1.jpg" alt="技创电子配件仪表箱">
					<div class="d-title">代码详情</div>
				</div>
			</div>
		</div>
		<!-- 优势 -->
		<div class="floor advantage">
			一张大图 上面放一些东西
		</div>
		<!-- 公司简介 文化  新闻之类的 -->
		<div class="floor culture">
			<div class="f-con">
				<div class="hd">
					<p>关于我们</p>
					<b class="border"></b>	
				</div>
				<ul class="list clearFloat">
					<li class="item-1 fl">
						<i class="iconfont">&#xe600;</i>用cssText批量修改样式
						<p>公司致力于成为一家专业、高效、优质的硬件供
							应商。公司经营计算机软件及辅助设备、电子产品配件、铝合金工具箱、仪表箱、五金配件、
							照相器材配件
						</p>
						<a class="more" href=""> 查看更多 <i class="iconfont-1">&#xe601;</i></a>
					</li>
					<li class="item-2 fl"></li>
					<li class="item-3 fl">文化</li>
					<li class="item-4 fl">
						<span>用cssText批量修改样式<i class="iconfont" >&#xe600;</i></span>
						<p>拥有完整、科学的 质量管理体系!公司业务覆盖跨国公司、影视、教育、政府、军队等企事业单位，获得业内一致好 评和认可。</p>
						<a class="more fr" href=""><i class="iconfont-2">&#xe602;</i>查看更多</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
<?php
	require("./layout/footer.php");
?>